<!DOCTYPE html>
<html lang="en">
  <head>
    <title>Beckham - Free Bootstrap 4 Template by Colorlib</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

      <link rel="stylesheet" href="css/animate.css">
      <link rel="stylesheet" href="css/icomoon.css">
      <link rel="stylesheet" href="css/style.css">
  </head>
  <body>
    
    <div id="colorlib-page">
      <header>
        <div class="container">
          <div class="row">
            <div class="col-md-12">
              <div class="colorlib-navbar-brand">
                <a class="colorlib-logo" href="index.html"><span class="logo-img" style="background-image: url(images/head.jpg);"></span>你的名字</a>
              </div>
				<a href="index.html" class="float-right" style="color: black"><button class="icon-backspace">BACK</button></a>
            </div>
          </div>
        </div>
      </header>

      <section class="ftco-section">
	      <div class="container mt-5">
	      	<div class="row justify-content-center mb-5 pb-5">
            <div class="col-md-7 text-center heading-section ftco-animate">
              <span>This</span>
              <h2>is the scenery of my hometown</h2>
            </div>
          </div>
	        <div class="row">
	          <div class="col-md-4 ftco-animate">
	            <div class="blog-entry">
	              <a href="hometown.html" class="block-20" style="background-image: url('images/view1.png');">
	              </a>
	              <div class="text p-4 d-block">
	                <div class="meta mb-3">
	                  <div><a href="#">泰山风景名胜区</a></div>
	                </div>
	                <h3 class="heading"><a href="#">世界自然与文化双重遗产，世界地质公园，国家AAAAA级旅游景区，国家级风景名胜区，全国重点文物保护单位，国家森林公园，中华国山，中国非物质文化遗产，全国文明风景旅游区，中国书法第一山</a></h3>
	              </div>
	            </div>
	          </div>

	          <div class="col-md-4 ftco-animate">
	            <div class="blog-entry" data-aos-delay="100">
	              <a href="hometown.html" class="block-20" style="background-image: url('images/view2.png');">
	              </a>
	              <div class="text p-4">
	                <div class="meta mb-3">
	                  <div><a href="#">济宁市曲阜明故城</a></div>
	                </div>
	                <h3 class="heading"><a href="#">世界文化遗产，世界三大圣城之一，国家AAAAA级旅游景区，国家风景名胜区，国家重点文物保护单位，与北京故宫、承德避暑山庄并列为中国三大古建筑群。济宁曲阜明故城旅游区位于山东省济宁曲阜市静轩西路，是以曲阜的孔庙、孔府、孔林为旅游依托</a></h3>
	              </div>
	            </div>
	          </div>
	          <div class="col-md-4 ftco-animate">
	            <div class="blog-entry" data-aos-delay="200">
	              <a href="hometown.html" class="block-20" style="background-image: url('images/view3.png');">
	              </a>
	              <div class="text p-4">
	                <div class="meta mb-3">
	                  <div><a href="#">July 12, 2018</a></div>
	                  <div><a href="#">青岛崂山风景名胜区</a></div>
	                  <div><a href="#" class="meta-chat"><span class="icon-chat"></span> 3</a></div>
	                </div>
	                <h3 class="heading"><a href="#">青岛崂山风景名胜区是国务院首批审定公布的国家重点风景名胜区之一，是中国重要的海岸山岳风景胜地，AAAAA级旅游景区</a></h3>
	              </div>
	            </div>
	          </div>
	          <div class="col-md-4 ftco-animate">
	            <div class="blog-entry">
	              <a href="hometown.html" class="block-20" style="background-image: url('images/view4.png');">
	              </a>
	              <div class="text p-4 d-block">
	                <div class="meta mb-3">
	                  <div><a href="#">济南市天下第一泉景区</a></div>
	                </div>
	                <h3 class="heading"><a href="#">位于山东省济南市市中心，是国家AAAAA级旅游景区、国家重点公园、全国精神文明建设工作先进单位、国家级风景名胜区</a></h3>
	              </div>
	            </div>
	          </div>
	          <div class="col-md-4 ftco-animate">
	            <div class="blog-entry" data-aos-delay="100">
	              <a href="hometown.html" class="block-20" style="background-image: url('images/view5.png');">
	              </a>
	              <div class="text p-4">
	                <div class="meta mb-3">
	                  <div><a href="#">烟台市蓬莱阁旅游区</a></div>
	                </div>
	                <h3 class="heading"><a href="#">蓬莱阁风景区，位于山东省蓬莱市区西北的丹崖山上，是国家AAAAA级旅游景区，面积1万8千5百平方米</a></h3>
	              </div>
	            </div>
	          </div>
	          <div class="col-md-4 ftco-animate">
	            <div class="blog-entry" data-aos-delay="200">
	              <a href="hometown.html" class="block-20" style="background-image: url('images/view6.png');">
	              </a>
	              <div class="text p-4">
	                <div class="meta mb-3">
	                  <div><a href="#">山东威海刘公岛景区</a></div>
	                </div>
	                <h3 class="heading"><a href="#">刘公岛仅有3.1平方公里的面积，却享有盛名。因为这里是北洋水师的诞生地，甲午战争的古战场</a></h3>
	              </div>
	            </div>
	          </div>
	        </div>
	        <div class="row mt-5">
	          <div class="col text-center">
	            <div class="block-27">
	              <ul>
	                <li><a href="#">&lt;</a></li>
	                <li class="active"><span>1</span></li>
	                <li><a href="#">2</a></li>
	                <li><a href="#">3</a></li>
	                <li><a href="#">4</a></li>
	                <li><a href="#">5</a></li>
	                <li><a href="#">&gt;</a></li>
	              </ul>
	            </div>
	          </div>
	        </div>
	      </div>
	    </section>


    </div>

	<script src="js/jquery-3.2.1.min.js"></script>
	<script src="js/jquery.min.js"></script>
	<script src="js/jquery-migrate-3.0.1.min.js"></script>
	<script src="js/jquery.easing.1.3.js"></script>
	<script src="js/jquery.waypoints.min.js"></script>
	<script src="js/jquery.stellar.min.js"></script>
	<script src="js/owl.carousel.min.js"></script>
	<script src="js/aos.js"></script>
	<script src="js/scrollax.min.js"></script>
	<script src="js/main.js"></script>
    
  </body>
</html>